<div id='addFavouriteUserPanel' style='display: none; height: 280px; style='margin: 5px 0px;''>
	<!-- navigator --> 
	<div class="navi"></div> 
	<!-- prev link --> 
	<a class="prev"></a> 
	 <!-- root element for scrollable --> 
	<div class="scrollable">
	    <!-- root element for the items --> 
	    <div class="items"> 
	   	{foreach from=$users item=item}
	     	<div>
	     		<img src='{$path}{$item.username}.png' />
	     		<table style='width: 100%'>
					<tr>
						<td><span style='color: #0092BE; font-weight: bold'>{$item.username}</span></td>
						<td style='width: 25px; cursor: pointer'><img onclick="addFavourite({$item.user_id}, '{$item.username}')" src='../images/msg_add_favourite.png' /></td>
					</tr>
	 			</table>
	     	</div>
	    {/foreach} 
	    </div>
	</div> 
	
	<!-- next link --> 
	<a class="next"></a>
	<!-- error -->
	<span id='mapError' style='color: red; font-style: italic'></span>
</div>
<div style='margin: 5px 0px;'>
	<div title='{translate}Click here to add new{/translate}' class="documentListHeader" onclick='toggleAddFavourite()' 
		 style="width: 835px; text-align: center; margin-bottom: 2px; cursor: pointer;">
		<span style="text-transform: uppercase;">{translate}List of regular accounts contact (favourite){/translate}</span>
	</div>
	<table id='favouriteList' cellspacing='0' cellpadding='0'>
		<tr class='itemList'>
		{foreach from=$fMaps item=item}
       		<td class='mapItem' id='{$item.id}' style='width: 170px; text-align: center'>
       			<div id='{$item.user_id}'>
       				<img src='{$path}{$item.username}.png' />
       				<table style='width: 100%'>
       					<tr>
       						<td><span style='color: #0092BE; font-weight: bold'>{$item.username}</span></td>
       						<td style='width: 25px; cursor: pointer'><img onclick='deleteFavourite({$item.id})' src='../images/msg_remove_favourite.png' /></td>
       					</tr>
       				</table>
       			</div>
       		</td>
       	{/foreach}
		</tr>
	</table>
</div>